@import "~scss/variables";

.sw-first-run-wizard-paypal {
    align-self: center;
}

.sw-first-run-wizard-paypal-info {
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;

    &__icon {
        height: 48px;
        margin-bottom: 25px;
    }

    .headline {
        width: 512px;
        font-size: $font-size-m;
        font-weight: normal;
        text-align: center;
        letter-spacing: 0.41px;
        line-height: 25px;
        margin: 24px auto;
    }

    .paymethods {
        flex-grow: 1;
        width: 565px;
        margin: 0 auto 24px;
    }

    .paymethod {
        font-size: $font-size-xs;
        font-weight: normal;
        text-align: center;
        letter-spacing: 0.1px;
        line-height: 22px;
    }

    .disclaimer {
        position: absolute;
        bottom: 24px;
        margin-top: 50px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .disclaimer p {
        color: $color-gray-500;
        font-size: $font-size-xxs;
        font-weight: normal;
        letter-spacing: 0;
        line-height: 19px;
    }
}

.sw-first-run-wizard-paypal-install {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;

    .sw-loader {
        background: none;
    }

    .sw-loader-info-text {
        margin-top: -150px;
        text-align: center;
    }
}
